<template>
  <div class="about">
    <div class="content">
      <!-- 基本信息 -->
      <section class="section">
        <h2 class="section-title">基本信息</h2>
        <div class="info-grid">
          <div><strong>姓名：</strong>黄坪</div>
          <div><strong>性别：</strong>男</div>
          <div><strong>电话：</strong>18407920387</div>
          <div><strong>邮箱：</strong>2893989810@qq.com</div>
          <div><strong>QQ：</strong>2893989810</div>
          <div><strong>微信：</strong>hp18407920387</div>
        </div>
      </section>

      <!-- 实习经历 -->
      <section class="section">
        <h2 class="section-title">实习经历</h2>
        <div class="experience">
          <div class="experience-header">
            <h3>北京合思信息技术有限公司</h3>
            <span class="time">2025-04 至 2025-06</span>
          </div>
          <p>产品研发部 | Java实习生</p>
          <div class="project-desc">
            <p><strong>项目描述：</strong>【合思商旅】面向企业级用户，覆盖旅游消费"申请-预订-费控-收付款-分析"全流程的数字化差旅管理解决方案</p>
          </div>
          <ul class="achievements">
            <li>优化ES搜索：通过iK分词策略升级和百度地图API集成，使分词/地址类场景召回命中率分别提升65%/68%，用户无结果搜索率下降45%</li>
            <li>ES性能优化：通过MQ异步补偿+分表策略，使数据同步成功率提升至100%，千万级查询耗时从10s降至2s</li>
            <li>任务系统优化：通过双重状态同步机制和Redis分布式锁，实现归档任务状态100%实时更新，并发冲突率降低90%</li>
            <li>预算系统重构：设计动态字段加载策略与三级缓存架构，使单次IO数据量降低90%，内存占用减少80%</li>
            <li>事务优化：通过收拢更新入口解决锁冲突问题，锁表超时错误降低100%，事务执行时间减少40%</li>
          </ul>
        </div>
      </section>

      <!-- 竞赛经历 -->
      <section class="section">
        <h2 class="section-title">竞赛经历</h2>
        <ul class="awards">
          <li>第49届ICPC国际大学生程序设计竞赛亚洲区域赛昆明站---银奖</li>
          <li>第10届CCPC中国大学生程序设计竞赛济南站---银奖</li>
          <li>第49届ICPC国际大学生程序设计竞赛全国邀请赛武汉站---银奖</li>
          <li>第49届ICPC国际大学生程序设计竞赛全国邀请赛西安站---银奖</li>
          <li>2024年江西省大学生程序设计竞赛---金奖</li>
        </ul>
      </section>

      <!-- 在校经历 -->
      <section class="section">
        <h2 class="section-title">在校经历</h2>
        <div class="experience">
          <div class="experience-header">
            <h3>算法工作室 队长</h3>
            <span class="time">2023-09 至 2024-12</span>
          </div>
          <ul class="achievements">
            <li>学习并掌握各类算法，具备扎实的算法基础和解决实际问题的能力</li>
            <li>作为主要负责人举办1000+人参与的校级编程大赛</li>
            <li>带领团队多次参加ACM等算法竞赛并获奖</li>
          </ul>
        </div>
      </section>

      <!-- 个人技能 -->
      <section class="section">
        <h2 class="section-title">个人技能</h2>
        <ul class="skills">
          <li><strong>Java：</strong>熟悉继承、多态、泛型、反射、集合等基础知识，掌握并发编程（线程池、CAS、锁机制）</li>
          <li><strong>数据库：</strong>熟练使用MySQL，精通索引、事务、锁机制，熟悉Spring Data JDBC和Mybatis</li>
          <li><strong>Redis：</strong>熟悉数据类型和应用场景，掌握缓存穿透/击穿/雪崩解决方案，精通分布式锁和限流</li>
          <li><strong>框架：</strong>熟悉Spring生态（Spring, SpringMVC, Spring Boot），理解IOC和AOP原理</li>
          <li><strong>JUC：</strong>精通线程池、CompletableFuture等并发工具，能实现高效异步编程</li>
          <li><strong>JVM：</strong>熟悉内存模型、垃圾回收算法、类加载机制等原理</li>
          <li><strong>DevOps：</strong>掌握Docker容器部署，熟悉Linux环境下的软件配置与管理</li>
        </ul>
      </section>

      <!-- 自我评价 -->
      <section class="section">
        <h2 class="section-title">自我评价</h2>
        <ul class="self-evaluation">
          <li>担任工作室队长，具有良好的沟通能力和组织能力</li>
          <li>参加多项算法编程竞赛，具有很强的自学能力和扎实的编程基础</li>
          <li>具备良好的逻辑思维和问题解决能力，能够快速分析和解决开发中遇到的问题</li>
          <li>具有良好的团队协作能力，能够保证和他人之间的团队工作</li>
        </ul>
      </section>
    </div>
  </div>
</template>

<script setup>
</script>

<style scoped>
.about {
  padding: 1rem 0;
  max-width: 900px;
  margin: 0 auto;
}

.page-title {
  text-align: center;
  color: #2c3e50;
  margin-bottom: 2rem;
}

.content {
  line-height: 1.6;
  color: #34495e;
  background: white;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.section {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eee;
}

.section:last-child {
  border-bottom: none;
}

.section-title {
  color: #2c3e50;
  font-size: 1.4rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #42b983;
}

.info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

.experience {
  margin-bottom: 1.5rem;
}

.experience-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.time {
  color: #7f8c8d;
  font-size: 0.9rem;
}

.project-desc {
  margin: 0.8rem 0;
  padding-left: 1rem;
  border-left: 3px solid #ddd;
}

.achievements, .awards, .skills, .self-evaluation {
  padding-left: 1.5rem;
}

.achievements li, .awards li, .skills li, .self-evaluation li {
  margin-bottom: 0.8rem;
  position: relative;
  line-height: 1.6;
}

.skills li strong {
  color: #2c3e50;
}

@media (max-width: 768px) {
  .info-grid {
    grid-template-columns: 1fr;
  }
  
  .experience-header {
    flex-direction: column;
  }
  
  .time {
    margin-top: 0.3rem;
  }
}
</style>